@value default-dark-gray from 'canvas-editor/styles/theme';

.canvas-block-heading {
  composes: canvas-block from 'canvas-editor/components/canvas-block/styles';
}

.heading-level-1 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
}

.heading-level-2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3333333;
}

.heading-level-3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3333333;
}

.heading-level-4,
.heading-level-5,
.heading-level-6 {
  color: var(--dark-gray, default-dark-gray);
  font-weight: 600;
}

.heading-leve-4 {
  font-size: 1rem;
}

.heading-level-5,
.heading-level-6 {
  font-size: 0.9375rem;
  line-height: 1.6666666;
}

.heading-level-6 {
  font-size: 0.875rem;
  line-height: 1.75;
}

.content {
  position: relative;
  z-index: 2;
}

.is-selected {
  composes: is-selected from 'canvas-editor/components/canvas-block/styles';
}

.placeholder-editor {
  composes: placeholder-editor from 'canvas-editor/components/canvas-block/styles';
}
